/* 侧边栏样式 */
.sidebar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 1px;
    background-color:white;
    display: flex;
    color: black;
    font-weight: bold;
}

/* 子 div 样式 */
.child-div {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    background-color: lch(63.61% 4.52 119.61 / 0.781);
    color: rgb(243, 235, 235);
    padding: 10px;
    /* width: calc((100% - 40px) / 10) */
    width:130px
}

/* 侧边栏中标题样式 */
.sidebar b {
    width: 100%;
    color: black; /* 设置字体颜色为黑色 */
    font-weight: bold; /* 设置字体加粗 */
}

/* 侧边栏中的无序列表样式 */
.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 主要内容区域样式 */
.content {
    margin-left: 120px;
    padding: 10px;
}